<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h3>JavaScript访问DOM树</h3>
		<h3>JavaScript访问h3标签，a标签，获取他们内容</h3>
		<h5>tag、className、name、id</h5>
		<a href="ww.taobao.coM" target="_blank">淘宝</a>
		<a class="jd" href="www.jd.com" target="_blank">京东</a>
		<a name="pdd" href="www.pinduoduo.com" target="_blank">拼多多</a>
		<a id="bd" href="www.baidu.com">百度</a>
		
		<!--页面上使用JavaScript，通过script标签实现。 src=“”是用来引入外部的js。 jquery.js
		js中可以使用双引号或者单引号
		
		js出错不提示，控制台里面才能看到错误
		-->
		<script >
			//window.alert("使用js获取页面元素");//BOM中提供的 弹出框
			//获取页面a标签,返回一个数组.下标从0开始
			//window.alert(document.getElementsByTagName("a")[0]);//得到页面上所有a元素
			//window.alert(document.getElementsByTagName("a")[0].innerText);
			
			//以tagname方式
			console.log(document.getElementsByTagName("a")[0].innerText);
			console.log(document.getElementsByTagName("a")[0].href);
			
			//以classname方式
			console.log(document.getElementsByClassName("jd")[0].innerText);
			console.log(document.getElementsByClassName("jd")[0].href);
			//以name方式
			console.log(document.getElementsByName("pdd")[0].innerText);
			console.log(document.getElementsByName("pdd")[0].href);
			
			//第四种方式 以id方式，不是数组，不加s
			console.log(document.getElementById("bd").innerText);
			console.log(document.getElementById("bd").href);
			
			//能否修改页面的值：html做不了，js可以
			//淘宝改成天猫
			//document.getElementsByTagName("a")[0].innerText="天猫";
			//document.getElementsByTagName("a")[0].href="www.tianmao.com";
			//定义一个变量a，后面操作a。
			var a=document.getElementsByTagName("a")[0];
			a.innerText="搜狐";
			a.href="https://www.souhu.com";
			
			
		</script>
	</body>
</html>
